@charset "UTF-8";

/*公用*/
.comWidth{width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.leftArea{
    float: left;
}
.rightArea{
    float: right;
}
.hide{display: none;}
.show{display: block;}
.hr_7{
    height: 7px;
    overflow: hidden;
}
.hr_15{
    height: 7px;
    overflow: hidden;
}
/*topBar*/
.topBar{
    height: 31px;
    background-color: #f7f7f7;
    line-height: 31px;
}
.collection{
    background: url("../images/icon/yellowstar.gif") left center no-repeat;
    padding-left: 19px;
    font-weight: bold;
}
.topBar a:hover{
    color: red;
}
/*.logo*/
.logoBar{
    height: 85px;
    background-color:#1d7ad9;
}
.logo
{
    padding-left: 41px;
    padding-top: 13px;
}
/*search*/
.search_box{
    width: 430px;
    padding-top: 23px;
    padding-left: 150px;
}
.search_text{
    width: 350px;
    height: 35px;
    padding: 0 5px;
    line-height: 35px\9;/*css hack \9代表所有IE浏览器*/
    background-color: white;
}
.search_bth{
    width: 70px;
    height: 35px;
    font-size: 14px;;
    font-family: "Microsoft YaHei","微软雅黑";
    background-color:#ff8c00;
    color: white;
}
/*是购物车*/
.shopCar{
    width: 145px;
    height: 35px;
    background-color:#ff8c00;
    margin-top: 23px;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑";
    line-height: 35px;
    color: white;
    margin-right: 59px;
}
.shopText{
    /*font-size: 14px;*/
    /*font-family: "Microsoft YaHei", "微软雅黑";*/
    /*line-height: 35px;*/
    /*color: white;*/
    height: 100%;
    width: 87px;
    border-right:#e27a00 solid 1px;
    background: url("../images/icon/shopCar.gif") 10px center no-repeat;
    text-indent: 40px;
}
.shopNum{
    width: 27px;
    height: 35px;
    border-left: #ff9c01 solid 1px;
    background: url("../images/icon/message.gif") 33px center no-repeat;
    text-align: right;
    padding-right: 29px;
}
/*navBox*/
.navBox{
    height: 35px;
    background-color: #1369c0;
    color: white;
}
.shopClass{
    width: 190px;
    position: relative;
}
.shopClass h3
{
    text-align: center;
    line-height: 35px;
}
.shopClass i{
    width: 11px;
    height: 7px;
    overflow: hidden;
    background: url("../images/icon/moreIcon.gif") left center no-repeat;
    display: inline-block;
    margin-left: 11px;
}
.nav{
    line-height: 35px;
}
.nav li{
    float: left;
}
.nav a{
    height: 35px;
    display: inline-block;
    padding: 0 35px;
    color: white;
}
.nav .active{
     background-color:#4593FD;
}

/*商品弹出列表*/
.shopClass_show{
    background-color: #4593FD;
    position: absolute;
    left: 0px;
    top: 35px;
    width: 100%;
}
.shopClass_item{
    padding: 14px 10px;
    border-bottom: #3487f2 solid 1px;
    border-top: #5aa1fe solid 1px;
}
.shopClass_item dt{
    height: 22px;
    background: url("../images/icon/moreIcon2.gif")right center no-repeat;
}
.shopClass_item .b{
    font-size: 14px;
    font-weight: bold;
}
.shopClass_item a{
    color: white;
}
.shopClass_item a:hover{
    text-decoration: underline;
}
/*这边缺切图*/
.shopClass_item .alink {
    background: url("../images/icon/buttonBack.png")left center no-repeat;
    width: 48px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

/*.shopClass_item active的状态*/
.shopClass_active{
    background-color: white;
    color: black;
    border-left: #4593fd solid 1px;
}
.shopClass_active a{
    color: black;
}
.shopClass_active dt{
    background: none;
}
.shopClass_active .alink{
    color: white;
    text-decoration: none;
}


/*弹出菜单*/
.shopClass_list{
    width: 568px;
    /*height: 378px;*/
    border: #cccccc solid 1px;
    position: absolute;
    left: 190px;
    top: 35px;
    /*background-color: red;*/
}
.shopClass_Count
{
    padding: 0px 20px;
}

.shopList_item{
    padding: 10px 0px;
    border-bottom: #cccccc solid 1px;
}
.shopList_item dt
{
    color: #4b87d9;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
}
.shopList_item dd{
    padding-left: 68px;
    margin-top:-24px;
    line-height: 24px;
}
.shopList_item dd a{
    margin-left: 12px;
}

.shopList_links
{
    padding: 15px 0px;
}
.shopList_links a{
    color: white;
    background-color: #2785e6;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: inline-block;
    padding: 0px 14px 0 8px;
    margin-right: 10px;
}
.shopList_links span{
    width: 11px;
    height: 7px;
    background: url("../images/icon/moreIcon2.gif")left center no-repeat;
    display: inline-block;
    margin-left: 7px;
}
.banner{
    margin-bottom: 15px;
}

/*banner部分*/
.bannber_bar{
    /*width: 810px;*/
    /*height: 326px;*/
    float: right;
    position: relative;
    overflow: hidden;
}
.imgBox{
    /*width: 1620px;*/
    /*height: 326px;*/
    position: absolute;
    left: 0px;
    top: 0px;
}
.imgBox li{
    float: left;
}
.imgBox img{
    /*width: 810px;*/
    /*height: 326px;*/
    display: block;
}
.imgNum{
    position: absolute;
    left: 0px;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.imgNum a{
    width: 20px;
    height: 5px;
    overflow: hidden;
    background-color: #ffffff;
    display: inline-block;
    margin: 0px 3px;
}
.imgNum .active{
    background-color: #ff7700;
}
.banner_small,
.banner_small .img{
    width: 190px;
    height: 400px;
}
.banner_small .imgBox{
    width: 380px;
    height: 400px;
}

.banner_big,
.banner_big .img{
    width: 810px;
    height: 326px;
}
.banner_big .imgBox{
    width: 1620px;
    height: 326px;
}


/*商品标题*/
.shopTip{
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
}
.shopTip h3{
    font-size: 24px;
    float: left;
    font-weight: normal;
    padding-left: 15px;
}
.shopTip .icon{
    width: 44px;
    height: 44px;
    float: left;
    background: url("../images/icon/listIcon.gif")left top no-repeat;
}

.more{
    float: right;
    font-family: "宋体";
}
.more:hover{
    text-decoration: underline;
}
/*商品列表*/
.shopList .leftArea{
    width: 190px;
}
.shopList .rightArea
{
    width: 808px;
    border: #999999 solid 1px;
    border-bottom: #ff7201 solid 3px;
    height: 396px;
}
/*商品列表右侧*/
.shopList{
    margin-bottom: 15px;
}
.shopList_top,.shopList_sm
{
    margin-right: -4px;
}

.shop_item{
    width: 202px;
    border-right: #999999 solid 1px;
    height: 279px;
    border-bottom: #999999 solid 1px;
    text-align: center;
    float: left;
}
.shop_img{
    height: 218px;

}
.shop_img img{
    width: 100%;
    height: 218px;
    display: block;
}
.shop_item h3{
    font-size: 16px;
}
.shop_item p{
    font-size: 14px;
    color: #ff7300;
    line-height: 21px;
}
/*商品列表小*/
.shopItem_sm{
    width: 202px;
    border-right: #999999 solid 1px;
    height: 116px;
    float: left;
}
.shopItem_smImg
{
    width: 95px;
    height: 95px;
    text-align: center;
    float:left;
}
.shopItem_smImg img
{
    width: 95px;
    height: 95px;

}
.shopItem_text{
    padding-top: 28px;
    width: 107px;
    float: left;
}
.shopItem_text p{
    color: #ff7300;

}
.shopItem_text h3
{
    font-size: 16px;
    font-weight: normal;
    color: #181818;
    line-height: 30px;
}
/*底部*/
.footer{
    text-align: center;
    background-color:#d4d4d4;
    line-height: 24px;
    padding: 50px 0px;
}
.footer i{
    font-style: normal;
    margin: 0 5px;
}
.footer a{
    color: #000;
}
.footer a:hover
{
    color: yellow;
}
.web
{
    padding-top: 30px;
}
.web img{
    margin: 0 12px;
}



/*产品分类*/
.products .leftArea{
    width: 185px;
}
.products .rightArea{
    width: 810px;
}
.products .bannber_bar{
    float: none;
}
.products .item{
    width: 25%;
    margin-bottom: 10px;
}
/*产品分类导航*/
.leftNav{
    background-color: #f3f3f3;
    border: #d7d7d7 solid 1px;
}
.nav_title{
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-bottom:#d7d7d7 solid 1px;
    text-align: center;
}
.nav_cont{
    padding:0 18px 4px;
    border-bottom: #d7d7d7 dotted 1px;
    margin-bottom: -1px;
}
.nav_cont h3{
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.navCont_list{
    line-height: 25px;
}
.navCont_list li{
    float: left;
    width: 50%;
}
/*标题*/
.products_title
{
    height: 34px;
    border-bottom: #cccccc solid 2px;
}
.products_title h3{
    width: 180px;
    border-bottom: #096dba solid 2px;
    height: 34px;
    line-height: 34px;
    text-indent: 9px;
}
/*商品*/
.item{

    float: left;
}
.img_item{
    height: 170px;
    text-align: center;
}
.img_item img{
    height: 170px;
}
.item p{
    line-height: 20px;
}
.item a{
    color: #000000;
}
.item a:hover{
    text-decoration: underline;
}
.money{
    color: #d4105a;
    font-weight: bold;
    padding-top: 10px;
}

.item span{
    width: 12px;
    height: 12px;
    overflow: hidden;
    background: url("../images/icon/star.png")left center no-repeat;
    display: inline-block;
    padding-left: 1px;
}
.item_cont{
    padding: 0px 10px;
}
